<!-- 查看路线模态框 -->
<div id="view-route-modal" class="modal hidden">
    <div class="modal-content">
        <div class="modal-header">
            <h2>查看路线详情</h2>
            <span class="close-modal" id="close-view-route-modal">&times;</span>
        </div>
        <div class="modal-body">
            <div class="form-group">
                <label for="view-route-id">路线ID:</label>
                <span id="view-route-id" class="form-value"></span>
            </div>
            <div class="form-group">
                <label for="view-route-name">路线名称:</label>
                <span id="view-route-name" class="form-value"></span>
            </div>
            <div class="form-group">
                <label for="view-route-start">起点:</label>
                <span id="view-route-start" class="form-value"></span>
            </div>
            <div class="form-group">
                <label for="view-route-end">终点:</label>
                <span id="view-route-end" class="form-value"></span>
            </div>
            <div class="form-group">
                <label for="view-route-distance">距离:</label>
                <span id="view-route-distance" class="form-value"></span>
            </div>
            <div class="form-group">
                <label for="view-route-time">预计时间:</label>
                <span id="view-route-time" class="form-value"></span>
            </div>
            <div class="form-group">
                <label for="view-route-status">状态:</label>
                <span id="view-route-status" class="form-value"></span>
            </div>
        </div>
        <div class="modal-footer">
            <button id="close-view-route-btn" class="btn btn-secondary" onclick="closeViewRouteModal()">关闭</button>
        </div>
    </div>
</div>

<!-- 编辑路线模态框 -->
<div id="edit-routes-modal" class="modal hidden">
    <div class="modal-content">
        <div class="modal-header">
            <h2>编辑路线信息</h2>
            <span class="close-modal" id="close-edit-route-modal">&times;</span>
        </div>
        <div class="modal-body">
            <form id="edit-route-form">
                <div class="form-group">
                    <label for="edit-route-id">路线ID:</label>
                    <input type="text" id="edit-route-id" name="routeId" disabled>
                </div>
                <div class="form-group">
                    <label for="edit-route-name">路线名称:</label>
                    <input type="text" id="edit-route-name" name="routeName" required>
                </div>
                <div class="form-group">
                    <label for="edit-route-start-point">起点:</label>
                    <input type="text" id="edit-route-start-point" name="startPoint" required>
                </div>
                <div class="form-group">
                    <label for="edit-route-end-point">终点:</label>
                    <input type="text" id="edit-route-end-point" name="endPoint" required>
                </div>
                <div class="form-group">
                    <label for="edit-route-distance">距离:</label>
                    <input type="text" id="edit-route-distance" name="distance">
                </div>
                <div class="form-group">
                    <label for="edit-route-estimated-time">预计时间:</label>
                    <input type="text" id="edit-route-estimated-time" name="estimatedTime" required>
                </div>
                <div class="form-group">
                    <label for="edit-route-status">状态:</label>
                    <select id="edit-route-status" name="status" required>
                        <option value="active">激活</option>
                        <option value="inactive">未激活</option>
                        <option value="maintenance">维护中</option>
                    </select>
                </div>
            </form>
        </div>
        <div class="modal-footer">
            <button id="cancel-edit-route" class="btn btn-secondary" onclick="closeEditRouteModal()">取消</button>
            <button type="submit" form="edit-route-form" class="btn btn-primary">保存修改</button>
        </div>
    </div>
</div>